<template>
  <view class="pages">
    <view class="about-wrap w100">
      <text>{{text}}</text>
    </view>
  </view>
</template>

<script>
  import store from '@/utils/store'
  export default {
    data() {
      return {
        text:'',
      }
    },
    onLoad() {
      this.getInfo()
    },
    methods: {
      async getInfo() {
        await this.$http('/index/config',{
          name:'service_agreement'
        }).then(res => {
          this.text = res
        })
      },
    },
  }
</script>

<style lang="scss" scoped>
  .pages {
    background: linear-gradient(#cce4fb, #f0f4fa);
    padding: 16rpx 16rpx calc(16rpx + #{$safe});
  }

  .about-wrap {
    border-radius: 16rpx;
    background-color: #fff;
    padding: 34rpx;
    box-sizing: border-box;
    height: calc(100vh - 32rpx - #{$safe});
    position: relative;
    overflow-y: auto ;
  }
</style>
